<template>
    <div>
        <el-row>
            <el-col :span="4"><div class="grid-content bg-purple-light"><p style="font-size:22px"><i class="el-icon-goods" style="font-size:30px;padding-right:20px"></i>付款人数：{{this.pay}}</p></div></el-col>
        </el-row>
        <el-row style="padding-top:20px">
            <el-col :span="4"><div class="grid-content bg-purple-light"><p style="font-size:22px"><i class="el-icon-warning-outline" style="font-size:30px;padding-right:20px"></i>退款人数：{{this.refund}}</p></div></el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name: "payrefund",
    data(){
        return{
            pay: "",
            refund: ""
        }
    },
    mounted(){
        if(this.$cookies.get("payrefund_second") != 'ok'){
            alert("无权限");
            this.$router.push("/adminindex")
        }else{
            this.$axios.get("/api/getAllPayOrders").then(res=>{
                this.pay = res.data
            });
                this.$axios.get("/api/getAllRefundOrders").then(res=>{
                this.refund = res.data
            });
        }
    }
}
</script>

<style scoped>

</style>